iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 5
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 6 篇

【day6】關於CSS border

2019鐵人賽
977 瀏覽

  • 分享至 

  • xImage
    •  
  1. border-width 不支持百分比，一般使用上會設置固定的数值。屬性值：
    • thin：等於 1px。
    • medium（默认值）等於3px
    • thick：等於4px。
  2. border-style 的默认值是 none。一般常用的值還有solid和:dashed
    • solid實線
    • dashed虛線：有色塊的寬高比在 Chrome 和 Firefox 浏览器下是 3:1，而 IE 浏览器则是２:1；有色塊與無色塊的寬度Chrome 和 Firefox是1:1，IE 則是2:1
  3. 相關常見應用技巧：
    • 使用透明邊寬設置右側background 定位
    • 使用透明邊寬增加按鈕点击範圍
    • 繪製對話框的三角形
    • 實現二欄等高布局（與margin用法類似）

上一篇
【day5】關於CSS margin屬性
下一篇
【day7】「CSS box、JS、JQ尺寸設置對應表」與「16進位色碼與ＲＧＢ對照圖」
系列文
CSS、JS-30天研究筆記 共 31 篇
  1. 27
    【day27】關於時間與日期
  2. 28
    【day28】JQ動畫效果
  3. 29
    【day29】JQ關於事件1
  4. 30
    【day30】JQ關於事件2
  5. 31
    【day30】JQ關於事件3
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22081 篇
完賽人數
594 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙